<template>
	<div>
		<div class="top">
			<div class="top-left" @click="goBack">
				<img class="top-back-img" src="../assets/images/back.png" />
				<span class="top-back-text">返回</span>
			</div>
			<div class="top-center">
				<van-search
					class="top-search-input"
					v-model="value"
					shape="round"
					background="#ed414a"
					placeholder="请输入搜索关键词"
				/>
			</div>
			<div class="top-right">
				<img class="top-search-img" src="../assets/images/search.png" />
			</div>
		</div>
	</div>
</template>
<script>

export default {

}
</script>
<style scoped>
.top {
	width: 100%;
	background-color: rgb(237, 65, 74);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.top-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 20%;
}
.top-back-img {
	width: 30px;
	height: 25px;
}
.top-back-text {
	color: white;
	font-size: 16px;
}
.top-center {
	width: 60%;
}
.top-search {
	width: 20%;
}
.top-search-img {
	width: 25px;
	height: 25px;
	margin-right: 15px;
}
</style>
